<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>个人博客--首页</title>
		<meta name="keywords" content="博客,melon,第一个,024" />
		<meta name="Description" content="这是024第一个博客" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="web">
			<!-- 头部S -->
			<header class="head">
				<div>
					<img src="img/a.jpg" />

				</div>
				<nav>
					<a href="">首页</a>
					<a href="">心情日记</a>
					<a href="">Free</a>
					<a href="">一起走起</a>
					<a href="">从明天开始</a>
					<a href="">纸飞机</a>
					<a href="">下一站</a>
				</nav>
			</header>
			<!-- 头部 E-->
			<!-- 中心内容S -->
			<section class="div1">

				<aside class="sidebar">
					<div>

						<img src="img/3.jpg" /><br />
						<span>我的日记本</span>
					</div>
					<span>
					
		他们彼此深信，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。
					</span>

					<div>
						<img src="img/4.jpg" /><br />
						<span>心情轨迹</span>
					</div>
					<span>
董事长的一切都让人既羡慕又忌妒，但更让人受不了的是，有一天上苍忽然赐给他一个神奇的礼物······
					</span>

				</aside>

				<div class="right">

					<div class="NO1">
						<a href="">介绍</a>
					</div>
					<p>我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧!</p>
					<div class="NO1">
						<a href="">照片本子</a>
					</div>
					<p>
						两岁时，我拥有一只巨大的粉红猪，它总在我嚎啕大哭时逗我笑。 三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。 四岁时，我离家出走，在公交车上睡着了，最后是太空超人送我回家。 我真的没骗你，通通都记得，还有照片为证。
					</p>
					<div class="NO1">
						<a href="">地下铁</a>
					</div>
					<p>天使在地下铁的入口， 和我说再见的那一年， 我渐渐看不见了。 十五岁生日的那天秋天早晨， 窗外下着毛毛雨， 我喂好我的猫。 六点零五分， 我走出地下铁。

					</p>
					<div class="NO1">
						<a href="">向左走向右走</a>
					</div>
					<p>They're both convinced that a sudden passion joined them. Such certainth is beautiful,but uncertainty is more beautiful still.
					</p>

				</div>

			</section>

			<!-- 中心内容E -->

		</div>
	</body>

</html>